<template>
	<view class="body">
		<view class="chat-box1">
		    <view class="content">
		        <text>内容1</text>
		    </view>
			<view class="tupian1" style="background-image: url('/static/图片/rx.jpg'); background-size: cover; width: 145px; height: 100px;">
			</view>
		</view>
		
		<view class="chat-box">
		    <view class="content">
		        <text>内容2</text>
		    </view>
		    <view class="tupian2" style="background-image: url('/static/图片/xmb.jpg'); background-size: cover; width: 140px; height: 110px;">
		    </view>
		</view>
		
		<view class="chat-box">
		    <view class="content">
		        <text>内容3</text>
		    </view>
		    <view class="tupian3" style="background-image: url('/static/图片/sfb.jpg'); background-size: cover; width: 140px; height: 100px;">
		    </view>
		</view>
		
		<view class="chat-box">
		    <view class="content">
		        <text>内容4</text>
		    </view>
		    <view class="tupian4" style="background-image: url('/static/图片/chb.jpg'); background-size: cover; width: 138px; height: 100px;">
		    </view>
		</view>
	</view>
</template>

<script>
	
</script>

<style lang="scss" scoped>
    .body{
	    background-color: #a6ddf2d1;
	    }
	       
	.chat-box1{
	    display: block;
	    margin-top: 170px;
		margin-left: 50px;
	    }
	.chat-box{
	    display: block;
	    margin: 50px 50px;
	    }	
	       
	.content{
	    width: 250px;
	    height: 190px;
	    background-color: #3a69a4;
	    border-radius: 20px;
	    position: relative;
		left: 60px;
	    }
	       
	               
	.tupian1{
	    display: block;
	    position: relative;
	    bottom: 220px;
	    right: 30px;
	    width: 130px;
	    height: 100px;
	    border-radius: 20px;
	    }
	       
	.tupian2{
	    display: block;
	    position: relative;
	    bottom: 220px;
	    right: 30px;
	    width: 130px;
	    height: 100px;
	    border-radius: 20px;
	    }
	       
	.tupian3{
	    display: block;
	    position: relative;
	    bottom: 220px;
	    right: 30px;
	    width: 130px;
	    height: 100px;
	    border-radius: 20px;
	    }
	       
	.tupian4{
	    display: block;
	    position: relative;
	    bottom: 220px;
	    right: 30px;
	    width: 130px;
	    height: 100px;
	    border-radius: 20px;
	    }
	        
	text{
		background-color: #3a69a4;
	    color: antiquewhite;
		position: absolute;
	    top: 75px;
	    left: 35px;
	    font-size: 20px;
	    }

</style>